<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>在线教育考试平台</title>
    <link rel="stylesheet" href="../utils/bootstrap.css" />
    <link rel="stylesheet" href="../style/base.css" />
    <link rel="stylesheet" href="../style/home.css">
    <link rel="stylesheet" href="../basestyle/left-menu.css" />
    <link rel="icon" href="https://jscdn.com.cn/highcharts/images/favicon.ico">
    <script src="../utils/jquery-3.6.4.js"></script>
    <script src="../utils/bootstrap.js"></script>
    <script src="https://code.hcharts.cn/highcharts/highcharts.js"></script>
        <script src="https://code.hcharts.cn/highcharts/modules/exporting.js"></script>
        <script src="https://code.hcharts.cn/plugins/zh_cn.js"></script>
</head>

<body>
    <div class="container-fluid home">
        <header class="clearfix">
            <h1>在线教育考试平台</h1>
            <span class="glyphicon glyphicon-arrow-left z-left"></span>
            <div>
                <span class="glyphicon glyphicon-search"></span>
                <span class="glyphicon glyphicon-bell"></span>
                <input type="file" id="file">
                <img src="../images/6.jpg" alt="" class="show-img"/>
                <span class="yonghu">admin</span>
                <span class="glyphicon glyphicon-off"></span>
            </div>
        </header>
        <section>
            <nav>
                <ul class="tz-left-ul clearfix zljshouye">
                    <li class="tz-second-li ">
                        <span class="glyphicon glyphicon-home tz-left-margin" aria-hidden="true"></span>
                        <span>首页</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye1" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-align-justify tz-left-margin" aria-hidden="true"></span>
                        <span>题库管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye21"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye21">题目分类</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye22"><span data-id="13" data-href="#"class="tz-left-margin zlj-shouye22">题目列表</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-list-alt tz-left-margin shijuan" aria-hidden="true"></span>
                        <span class="shijuan">试卷管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye31"><span data-id="13" data-href="#" class="zlj-shouye31 tz-left-margin">试卷分类
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye32"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye32">试卷列表</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-calendar tz-left-margin" aria-hidden="true"></span>
                        <span>考务管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye41"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye41">准考证
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye42"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye42">签到表</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye43"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye43">桌贴</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye44"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye44">门贴</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="4"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-book tz-left-margin" aria-hidden="true"></span>
                        <span>考试管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye51"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye51">考试列表
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye52"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye52">考试审批</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye53"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye53">考试监控</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="3"></div>
                    </li>
                    <li class="tz-second-li">
                        <span class="glyphicon glyphicon-education tz-left-margin" aria-hidden="true"></span>
                        <span>考生管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye61" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-sort-by-attributes-alt tz-left-margin"
                            aria-hidden="true"></span>
                        <span>统计分析</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye71"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye71">考试分析
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye72"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye72">试卷分析</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="2"></div>
                    </li>
                    <li class="tz-second-li">
                        <span class="glyphicon glyphicon-tower tz-left-margin" aria-hidden="true"></span>
                        <span>证书管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <div class="tz-second-menu-div zlj-shouye81" data-id="0"></div>
                    </li>
                    <li class="tz-second-li tz-ul-hidden">
                        <span class="glyphicon glyphicon-cog tz-left-margin" aria-hidden="true"></span>
                        <span>系统管理</span>
                        <span class="glyphicon glyphicon-menu-down tz-floatright" aria-hidden="true"></span>
                        <ul class="tz-left-ul">
                            <li data-id="12" data-href="#" class="zlj-shouye91"><span data-id="13" data-href="#" class="tz-left-margin zlj-shouye91">角色权限
                                    </span>
                            </li>
                            <li data-id="12" data-href="#" class="zlj-shouye92"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye92">短信设置</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye93"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye93">安全设置</span></li>
                            <li data-id="12" data-href="#" class="zlj-shouye94"><span data-id="13" data-href="#"
                                    class="tz-left-margin zlj-shouye94">系统日志</span></li>
                        </ul>
                        <div class="tz-second-menu-div" data-id="4"></div>
                    </li>
                </ul>
            </nav>
        <main>
            <div class="row header">
                <div class="col-md-12" id="top1"><span id="shouye">首页 / </span>首页</div>
                <div class="col-md-12"><h3>首页</h3></div>
              </div>
              <div class="row">
                <div class="col-md-6">
              <div class="row" id="kuaijie">
                  <div class="form-group col-md-4" style="font-weight: 700; margin-top: 8px;">快捷操作</div>
                  <div class="form-group col-md-12 clearfix">
                    <div class="zlj-left" id="left1"><div class="glyphicon glyphicon-list-alt"></div><div style="text-align: center; margin-top: 10px;">创建题目</div></div>
                    <div class="zlj-left" id="left2"><div class="glyphicon glyphicon-list-alt"></div><div style="text-align: center; margin-top: 10px;">创建试卷</div></div>
                    <div class="zlj-left" id="left3"><div class="glyphicon glyphicon-list-alt"></div><div style="text-align: center; margin-top: 10px;">新增考试</div></div>
                    <div class="zlj-left" id="left4"><div class="glyphicon glyphicon-list-alt"></div><div style="text-align: center; margin-top: 10px;">添加证书</div></div>
                  </div></div>
            </div>
                <div class="col-md-4 clearfix" id="tongzhi">
                    <h5>通知公告</h5>
                    <a href="#">查看更多</a>
                    <a href="#" id="fabugonggao">发布公告</a>
            <p class="zlj-p"><span id="sp1">【考试通知】</span><span class="sp1">本月进行语文期中考试</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="sp1 shijian">2023-05-20&nbsp;10:00</span></p>
        <p class="zlj-p"><span id="sp3">【考试通知】</span><span class="sp2">本月进行数学期中考试</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span class="sp2 shijian">2023-05-21&nbsp;10:00</span></p>
        </div>
            </div>
            <div class="row" id="kaoshigaikuang">
                <div class="form-group col-md-4" style="font-weight: 700; margin-top: 8px;">考试概况分析</div>
                <div class="form-group col-md-12 clearfix">
                  <div class="zlj-left2" id="left5"><div class="glyphicon glyphicon-object-align-bottom"></div><div class="div1" style="text-align: center; margin-top: 10px; font-weight: 700; font-size: 20px;"><div class="div1">总试题数量</div>1,234</div></div>
                  <div class="zlj-left2" id="left6"><div class="glyphicon glyphicon-object-align-bottom"></div><div class="div1" style="text-align: center; margin-top: 10px; font-weight: 700; font-size: 20px;"><div class="div1">总试卷数量</div>789</div></div>
                  <div class="zlj-left2" id="left7"><div class="glyphicon glyphicon-object-align-bottom"></div><div class="div1" style="text-align: center; margin-top: 10px; font-weight: 700; font-size: 20px;"><div class="div1">总考生数量</div>14,223</div></div>
                  <div class="zlj-left2" id="left8"><div class="glyphicon glyphicon-object-align-bottom"></div><div class="div1" style="text-align: center; margin-top: 10px; font-weight: 700; font-size: 20px;"><div class="div1">总考试数量</div>652</div></div>
                </div></div>
                <div class="row" id="kaoshiqingkuang">
                    <span class="form-group col-md-12" style="font-weight: 700; margin-top: 18px; display: inline-block;">考试情况统计</span>
                    <div class="row">
                        <div class="form-group col-md-3" id="div2">
                            <p>累计新增考试数</p>
                            <p><strong>4320</strong>周同比<span class="glyphicon glyphicon-menu-up"></span>12%</p>
                            <p>累计新增考试数</p>
                            <p><strong>342</strong>周环比<span class="glyphicon glyphicon-menu-up"></span>10%</p>
                        </div>
                        <div class="form-group col-md-9"><div id="container" style="min-width:400px;height:250px"></div></div>
                    </div>
                </div>
        </main>
      </section>
    </div>
    <script src="../basestyle/left-menu.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/home.js"></script>
  </body>
</html>